import { BlogDetail } from "../entitys/store";

export const mockDetail: BlogDetail = {
  list: [
    {
      title: "vue2 的创建项目",
      content: [
        {
          title: "搭建项目方法：",
          content: `1.vue create 项目名称==>项目名称不能大写 <br> 
                    <div class="code">
                        <span>vue create text</span>
                        <div class="copy" v-debounce>复制</div>
                    </div>
                    2.选择默认配置即可==> <br>
                    <img :src="require('../assets/blogImg/create.png')"></img> <br>
                    3.进入项目目录==> <br> 
                    4.npm run serve==> <br>
                    5.浏览器打开http://localhost:8080/==> <br> 
                    6.项目创建成功==>`,
          img: "",
        },
        {
          title: ".2.vue ui 可视化创建项目",
          content:
            "1.安装vue ui== <br> 2.vue ui== <br> 3.创建项目== <br> 4.选择默认配置即可== <br> 5.进入项目目录== <br> 6.npm run serve== <br> 7.浏览器打开http://localhost:8080/== <br> 8.项目创建成功==",
          img: "",
        },
        {
          title: "3.vue2 自带热加载 自带lint语法检查",
          content:
            "1.安装vue ui== <br> 2.vue ui== <br> 3.创建项目== <br> 4.选择默认配置即可== <br> 5.进入项目目录== <br> 6.npm run serve== <br> 7.浏览器打开http://localhost:8080/== <br> 8.项目创建成功==",
          img: "",
        },
      ],
      desc: "我们推荐在你的浏览器上安装。它允许你在一个更友好的界面中审查和调试 Vue 应用。",
      img: "vue",
      history: 0,
      hot: 0,
      like: 0,
      date: "2021-07-01",
      id: "00000000001",
    },
  ],
};
